<!DOCTYPE html>
<html>
<head>
    <title>Tabbed Content</title>
    <script src="tabcontent.js" type="text/javascript"></script>
    <link href="template1/tabcontent.css" rel="stylesheet" type="text/css" />
</head>
<body>
   <div style="width: 100%; padding: 0px 0 40px; font: 0.85em arial; height: 500px; margin-right: auto; margin-top: 0; margin-bottom: 0; text-align:center">
        <ul class="tabs" persist="true">
            <li><a href="#" rel="view1">PHD</a></li>
            <li><a href="#" rel="view2">MTECH</a></li>
            <li><a href="#" rel="view3">BTECH</a></li>
            
        </ul>
        <div class="tabcontents">
            <div id="view1" class="tabcontent">
                <b>PHD</b>
                <p>Student 1</p>
                <p>Student 2</p>
                <p>Student 3</p>
                <p>.</p>
                <p>.</p>
                <p>.</p>
                <p>Student N</p>
                
            </div>
            <div id="view2" class="tabcontent">
                <b>MTECH</b>
                <p>Student 1</p>
                <p>Student 2</p>
                <p>Student 3</p>
                <p>.</p>
                <p>.</p>
                <p>.</p>
                <p>Student N</p>
                <p>&nbsp;</p>
            </div>
            <div id="view3" class="tabcontent">
                <b>BTECH</b>
                <p>Student 1</p>
                <p>Student 2</p>
                <p>Student 3</p>
                <p>.</p>
                <p>.</p>
                <p>.</p>
                <p>Student N</p>
            </div>
            
        </div>
    </div>
</body>
</html>
